<div class="card-body p-3">
    <div class="d-flex flex-column h-100">
        <form role="form text-left" method="post" action="javascript:;">

            {% csrf_token %}

            {{ form.parent_id.label_tag }}
            <div class="mb-1">
                {{ form.parent_id }}
            </div>
            <span class="text-error">{{ form.parent_id.errors }}</span>

            <div class="text-center mb-4">
                <button href="" name="delete_node" class="btn bg-gradient-danger w-100 mt-4 mb-0">
                    DELETE
                </button>
            </div>

            {{ form.type.label_tag }}
            <div class="mb-3">
                {{ form.type }}
            </div>
            <span class="text-error">{{ form.type.errors }}</span>

            {{ form.name.label_tag }}
            <div class="mb-3">
                {{ form.name }}
            </div>
            <span class="text-error">{{ form.name.errors }}</span>

            {{ form.desc.label_tag }}
            <div class="mb-3">
                {{ form.desc }}
            </div>
            <span class="text-error">{{ form.desc.errors }}</span>

            <div class="text-center">
                <button type="submit" name="create_project" class="btn bg-gradient-info w-100 mt-4 mb-0">
                    Submit
                </button>
            </div>
        </form>
    </div>
</div>

